 * { padding: 0px; margin: 0px; list-style-type: none; }


html  { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif; font-size: 9pt; background-color: #556270; }
/*
a { color: #AB0059; }
a:hover { color: #FF0084; }
*/

code { background-color: #f4f4f4; padding: 0 2px; }

#ebody { margin: 0 auto; width: 80%; min-width: 750px; max-width: 85em; background-color:#fafafa }
#ehead {}
#eblog {}
#etwitter {}
#ephotos {}
#elastcomments {}
#etags {}
#emorecommented {}

.ptittle { border-left: 1px solid #434343; border-bottom: 1px solid #23232; background-color: #C7F464 }
/* .ptitul { color: #C7F464 } */

#cabecera { border-bottom: 1px solid #F4F4F4; padding: 0 0 10px 0; }
#cabecera h1 span { display: none; }
#cabecera h1 a { display: block; margin-bottom: 10px; width: 100%; height: 56px; background: #ffffff url(logo-head.gif) no-repeat top left; }
#menu { margin: 10px 0 0 110px; padding: 0 0 0 10px; }
#cabecera ul li { display: inline; margin-right: 15px; }
#cabecera ul li a { color: #AB0059; text-decoration: none; }
#cabecera ul li a:hover { color: #FF0084; border-bottom: 1px solid #FF0084; }
abbr { border-bottom: 1px dotted #AB0059; }
#cabecera ul, #cabecera form { display: inline; }
#cabecera form input { width: 100px; font-size: .8em; border: 1px solid #bbbbbb; color: #cccccc; padding: 2px; margin-left: 20px; }
#cabecera form input:focus { border: 1px solid #555555; color: #000000; }


h2 { font-size: 13pt;  }


/* Escritos */
#escritos { clear: both; border-bottom: 1px solid #F4F4F4; }
.secc { margin: 10px 0px 0px 20px; color: #CCCCCC; }
.post h3 { margin: 20px 0 10px 110px; padding: 0 0 0 10px; }
.post h3 a { color: #85C300; font-size: 11pt; text-decoration: none; }
.post h3 a:hover { color: #B2DE00; text-decoration: underline; }
.post { clear: both; padding: 0 0 10px 0;  }
.posttext { margin: 0 0 0 110px; border-left: 1px solid #F4F4F4; padding: 0 0 0 10px; font-size: 1.1em; }
.posttext p { margin: 15px 0 0 0; }
.posttext ol, .posttext ul { margin: 5px; font-size: .9em; }
.posttext ol li { list-style-type: decimal; margin: 0 0 0 20px; }
.posttext ul li { padding: 0 0 0 7px; margin: 3px 0; background: #ffffff url(flechita-gris.gif) no-repeat top left; }
.infopost { float: right; width: 100px; font-size: .9em; color: #bbbbbb; text-align: left; }
.posttext a { color: #AB0059; }
.posttext a:hover { color: #FF0084; }
.postimagen { padding: 0; margin: 0; }
.postimagen img { border: 1px solid #ffffff; }
.postimagen a:hover img { border: 1px solid #FF0084; }
.postimagen span { display: block; margin: 5px 0 10px 0; color: #777; font-size: .8em; }

.morepost h4 { font-size: 10pt; margin: 10px 0 20px 0; }
.morepost ul li { margin: 7px 0; }
.morepost ul li a, .moreposttext { margin: 0 0 0 110px; padding: 0 0 0 10px; }
.morepost ul li a { color: #85C300; text-decoration: none; font-weight: bold; font-size: 1.1em; }
.moreposttext { border-left: 1px solid #F4F4F4; }
.morepost ul li a:hover { color: #B2DE00; text-decoration: underline; }
.morepostinfo { float: left; font-size: .9em; color: #bbbbbb; width: 100px; text-align: right; }

.navegacion_escrito { text-align: right; padding: 2px 10px; margin: 20px 0 0 0; background-color: #fafafa; }

#comform { float: right; width: 35%; }
#comform h2 { margin-bottom: 10px; }
#comform .nombre input {  background: #fff url(user.png) no-repeat center left; }
#comform .email input { background: #fff url(mail.png) no-repeat center left; }
#comform .web input { background: #fff url(web.png) no-repeat center left; }
#comform .pin input { background: #fff url(lock.png) no-repeat center left; }
#comform textarea { width: 97%; padding: 2px; background: #ffffff url(fondo-linea.gif) repeat top left; }
#comform .efecto input { padding: 2px 2px 2px 20px; }
#comform .alineo { clear: both; }
#comform .recuerda { padding: 5px 0 0 0; }
#comform .btn { text-align: center; }
#comform .btn input { margin: 10px 0 0 0; width: 100%; }
#comform p { margin: 5px 0; }
#comform textarea, #comform .efecto input { border: 1px solid #bbbbbb; margin: 2px 0; }
#comform textarea:focus, #comform textarea:hover, #comform .efecto input:focus, #comform .efecto input:hover { border-color: #555555; }
.comtitle { margin: 0; padding: 3px; font-size: 10pt; cursor: pointer; background: #F8F8F8 url(arrow-right.gif) no-repeat center left; border-bottom: 1px solid #f4f4f4; }
.comtitle span { margin: 0 0 0 15px; }
.comarea { height: 0; overflow: hidden; border-left: 1px solid #f4f4f4; }
.cominarea p { margin: 8px 0; }
.cominarea { padding: 10px 0 10px 10px; }
#comload { text-align: center; margin: 10px 0; }
#comcartelito { position: fixed; bottom: 0; right: 10px; background-color: #f4f4f4; padding: 2px 10px; border: 1px solid #d0d0d0; border-bottom: 0px; }
.formfijo { position: fixed; top: 0; }
.formnormal { position: relative; }


#pagepost { font-size: .9em; text-align: center; padding: 10px 0; }

blockquote { padding: 5px; margin: 0 20px; color: #555555; font-style: italic; background-color: #fcfcfc; }
pre { padding: 5px; margin: 0 20px; background-color: #f4f4f4; }
object { padding: 0 0 0 20px; }


#model { border-bottom: 1px solid #F4F4F4; }

.lastimg { float: left; width: 73%; }
.lastimg ul { margin: 10px 0; }
.lastimg p { margin: 0 0 20px 110px; padding: 0 0 0 10px; }
.lastimg ul { margin: 0 0 0 110px; padding: 0 0 0 10px; }
.lastimg ul li { float: left; width: 90px; height: 90px; text-align: center; overflow: hidden; }
div.scrollmb { overflow: hidden; height: 90px; font-size: .9em; }
.lastimg ul li a img { border: 1px solid #ffffff; }
.lastimg ul li a:hover img { border: 1px solid #FF0084; }

#delicious { float: right; width: 26%; height: 320px; }
#delicious p a { padding-right: 10px; background: #ffffff url(delicious.mini.gif) no-repeat center right; }
#uwdiu { overflow : hidden; }
.scrolldiu { text-align: center; padding: 30px 0 0 0; }
.scrolldiu-ok { height: 270px; margin: 10px 0 0 0; /*border-left: 1px solid #F4F4F4;*/ }
.fg { padding: 0 0 0 5px; background: #ffffff url(flechita-gris.gif) no-repeat center left; }


#actividad { float: left; width: 420px; margin: 0 40px 0 0; }
#graficas { margin: 20px 0 0 0; }
#graficas li span { display: block; }
#graficas li { float: left; margin: 5px; width: 190px; }
#actividad .ucoms li { clear: both; margin: 7px 0; }
#actividad .ucoms li span { margin: 0 0 0 110px; padding: 0 0 0 10px; }
#actividad .ucoms li span a { color: #85C300; text-decoration: none; }
#actividad .ucoms li span a:hover { color: #B2DE00; text-decoration: underline; }
#actividad .ucoms li strong { display: block; float: left; width: 100px; text-align: right; }
#actividad .ucoms li p { display: block; border-left: 1px solid #F4F4F4; margin: 0 0 0 110px; padding: 0 0 0 10px; }


#contacto ol { margin: 10px 0 0 110px; }
#contacto li { list-style-type: decimal; }
#otros { margin: 50px 0 0 0; }
#otros li { margin: 5px 0 5px 110px; }

#nubetags {  }


#albums { margin: 0 0 20px 0; }
#albums p, .paginacion_galerias { margin: 10px 0; padding: 2px 0 2px 15px; background: #F8F8F8 url(arrow-right.gif) no-repeat center left; }
.infogal { background: #ffffff; color: #bbbbbb; border-bottom: 1px solid #f4f4f4; }
.infogal span { color: #000000; }
#albums h3 a { color: #85C300; font-size: 11pt; text-decoration: none; }
#albums h3 a:hover { color: #B2DE00; text-decoration: underline; }
#albums h4 { font-size: 10pt; margin: 10px 0 20px 0; text-align: center; }
#albums ul { border-left: 1px solid #f4f4f4; margin: 20px 0 20px 40px; padding: 0 0 0 10px; }
#albums li { margin: 7px 0; }
#albums>ul { border-left: 0; margin: 0; padding: 0; }
#albums .infoabm span { font-size: .9em; color: #bbbbbb; }
#minimagenes .imagen { float: left; width: 130px; height: 150px; text-align: center; overflow: hidden; padding: 20px 10px; }
#minimagenes .imagen:hover, .imagenmini:hover { background-color: #fafafa; }
#minimagenes .imagen a img, .imagenmini a img, .imgmedia a img { border: 1px solid #ffffff; }
#minimagenes .imagen a:hover img, .imagenmini a:hover img, .imgmedia a:hover img { border: 1px solid #FF0084; }
#minimagenes .imagen span { display: block; font-size: .8em; margin-top: 5px; }
.paginacion_galerias { clear: both; margin: 20px 0; }

#imagenesmini { float: left; width: 110px; padding: 0; margin: 20px 0 0 0; border-right: 1px solid #f4f4f4; }
.imagenmini { text-align: center; padding: 0; margin: 0 0 10px 0; height: 110px; overflow: hidden; }
.imagenmini strong { background-color: #fafafa; padding: 2px 0; display: block; }
.imagenmini span, #resuvota span { font-size: .9em; color: #bbbbbb; }
.imagenmini img { margin: 5px 0; }
#imagenmedia { margin: 0 0 0 130px; padding: 20px 0 0 0; }
#imagenmedia h3 { padding: 0; margin: 20px 0 20px 0; text-align: center; }
#imagenmedia p { margin: 0; padding: 2px 0 0 15px; }
.imgmedia { text-align: center; }
#resuvota { text-align: right; }
#comform p { margin: 5px 0; padding: 0; background: #ffffff none; }


#comentarios { clear: both; width: 62%; float: left; }
.comentario { margin: 20px 0 10px 0; clear: both; }
.comentario h4 { margin: 0 0 5px 110px; padding: 0 0 0 10px; }
.comentario h4 a { color: #85C300; text-decoration: none; font-weight: bold; font-size: 10pt; }
.comentario h4 a:hover { color: #B2DE00; text-decoration: underline; }
.cominfo { float: left; font-size: .9em; color: #bbbbbb; width: 60px; text-align: right; border-right: 1px solid #F4F4F4; padding: 0 10px 0 0; }
.comtexto { margin: 0 0 0 110px; padding: 0 0 0 10px; }
.comtexto p { margin: 5px 0; }
.comavatar { float: left; margin: 0 10px 0 0; width: 30px; height: 30px; }


#pie { clear: both; padding: 40px 0 10px 0; }
#pie p { border-top: 1px solid #F4F4F4; padding: 5px; text-align: center; font-size: .8em; }


/********************************************************************/
/********************************************************************/
.verde { color: green; }
.rojo { color: red; }
.ic { text-align: center; }
.ii { float: left; text-align: center; margin: 0 10px; }
.id { float: right; text-align: center; margin: 0 10px; }
.musica { color: #777; font-size: .8em; text-align: right; padding: 5px 25px; background: #eee url(musica.png) no-repeat center right; }
.musica small { display: block; }

.clear { clear: both; }

/*
 * Colorins!
 */
.azulon { color: #556270 }
.blavet { color: #4ECDC4 }
.verdet { color: #C7F464 }
.rosita { color: #FF6B6B }
.granate { color: #C44D58 }
